@import "base/global";
@import "comptents/head";
@import "comptents/dialogForLayer";
@import "comptents/nav";

.maodianBox {
  .maodi {
    display: inline-block;
    width: 160px;
    height: 90px;
    line-height: 90px;
    font-size: 20px;
    &.active {
      color:$color-primary;
    }
  }
}
.actBox {
  padding-bottom: 80px;
}
#act {
  padding: 43px 127px 40px;
  border-radius: $bor-radius-dia;
  background-color: #fff;
  .a-title {
    text-align: center;
    margin-bottom: 30px;
  }
  .zw {
    line-height: 2.2;
    font-size: 16px;
    margin-bottom: 55px;
  }
  .zw-lc {
    margin-bottom: 40px;
  }
  .zw-item {
    float: left;
    width: 213px;
    text-align: center;
    position: relative;
    &:last-of-type {
      .pro {
        display: none;
      }
    }
    .pro {
      position: absolute;
      left: 148px;
      top: 29px;
    }
    .zw-top {
      margin-bottom: 30px;
      .raidus {
        border-radius: 50%;
        border:3px solid $color-primary;
        width: 63px;
        height: 63px;
        margin: 0 auto;
        text-align: center;
        line-height: 62px;
        .iconfont {
          font-size: 30px;
          color:$color-primary;
        }
      }
    }
    .zw-text {
      text-align: center;
      line-height: 2.4;
      font-size: 16px;
      color:#333333;
      font-weight: 550;
    }
  }

  .zw-set {
    background-color: #fbfbfb;
    background-image: url("../img/liucheng-bg.png");
    background-size: contain;
    border-radius: $bor-radius-dia;
    margin-bottom: 40px;
    padding: 0;
    .zw-set-item {
      float: left;
      padding: 73px 0;
      height: 295px;
      width: 25%;
      &:nth-child(4n){
        .inner {
          border:none;
        }
      }
      .inner {
        border-right: 1px solid #e6e6e6;
        padding: 0 49px;
        .title {
          font-size: 22px;
          margin-bottom: 33px;
        }
        .cont {
          font-size: 16px;
          line-height: 1.8;
        }
      }

    }
  }

  .zw-guide {
    .gui-left {
      background: #f7f7f7;
      padding: 23px;
      overflow-y: auto;
      float: left;
      width: 775px;
      height: 582px;
      #vidoe-guide {
        width: 100%;
        height: 385px;
        margin-bottom: 10px;
      }
      .info {
        line-height: 3;
      }
    }
    .gui-right {
      width: 168px;
      float:right;
      padding-top: 160px;
      .codeBox {
        position: relative;
        margin: 0 auto;
        .codeUp{
          left: 15px;
          top: 15px;
          width: 105px;
          height: 105px;
          position: absolute;
          background-color: $color-bg-img;
        }
        .row {
          text-align: center;
          line-height: 1.6;
          margin-bottom: 10px;
          position: relative;
          left:-14px;
          top:10px;
        }
      }
    }
  }

}
